<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="box"></div>
    <script>
        // 正计时
        function zhengTime() {
            var start = '2021-2-16 00:00:00';
            var startTime = new Date(start).getTime()
            var currentTime = new Date().getTime();
            var d = currentTime - startTime;
            var day = Math.floor(d / (3600 * 24*1000) );
            var h = Math.floor(d / (1000*3600) / 24);
            var m = Math.floor(d / (1000*3600)/60);
            var s = Math.floor(d / (1000) % 60)
            return day + "天" + h + ":" + m + ":" + s
           
        }
        setInterval(() => {
            document.getElementById('box').innerHTML = zhengTime()
        }, 1000)
        // 倒计时
        // function daoTime() {
        //     var start = '2021-2-16 00:00:00';
        //     var startTime = new Date(start).getTime()
        //     var currentTime = new Date().getTime();
        //     var d =  startTime-currentTime ;
        //     var day = Math.floor(d / (3600 * 24*1000) );
        //     var h = Math.floor(d / (1000*3600) / 24);
        //     var m = Math.floor(d / (1000*3600)/60);
        //     var s = Math.floor(d / (1000) % 60)
        //     return day + "天" + h + ":" + m + ":" + s
        // }
        // setInterval(() => {
        //     document.getElementById('box').innerHTML = daoTime()
        // }, 1000)
    </script>
 
</body>

</html>